<!--
 * @Author: WangGuojian 1085844536@qq.com
 * @Date: 2023-09-08 18:34:44
 * @LastEditTime: 2023-09-14 18:21:31
 * @LastEditors: WangGuojian 1085844536@qq.com
 * @FilePath: \htmld:\Developer\WGJ\VSCode_WorkSpace\Web\vue\vue_test\src\components\School.vue
 * @Description:
-->
<template>
    <div>
        <div class="school">
            <h2>学校名称：{{ name }}</h2>
            <h2>学校地址：{{ address }}</h2>
            <button @click="sendSchoolName">把学校名给App</button>
        </div>
    </div>
</template>

<script>
export default {
    name: 'School',
    props: ['getSchoolName'],
    data() {
        return {
            name: '尚硅谷',
            address: '北京',
        };
    },
    methods: {
        sendSchoolName() {
            this.getSchoolName(this.name);
        },
    },
};
</script>

<style scoped>
.school {
    background-color: skyblue;
    padding: 5px;
}
</style>
